﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    ホーム ページ
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script src="../../Scripts/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../Scripts/jquery.validate-vsdoc.js"></script>
    <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript">
//        $(function () {
//            //设置自适应高度
//            $('#tt').height(window.document.documentElement.scrollHeight - 40);
//            $('#tt').tabs({
//                onSelect: function (title) {
//                    loadHtmlFile(title);
//                }
//            });
//        });

        function loadHtmlFile(title) {
            switch (title) {
                case "A":
                    {
                        $("#A").attr("src", "A_Tab.htm");
                        break;
                    }
                case "B":
                    {
                        $("#B").attr("src", "B_Tab.htm");
                        break;
                    }
                case "C":
                    {
                        $("#C").attr("src", "C_Tab.htm");
                        break;
                    }
                case "D":
                    {
                        $("#D").attr("src", "D_Tab.htm");
                        break;
                    }
                case "E":
                    {
                        $("#E").attr("src", "E_Tab.htm");
                        break;
                    }
                case "F":
                    {
                        $("#F").attr("src", "F_Tab.htm");
                        break;
                    }
            }
        }

        $(window).resize(function () {
            resizeTabs();
        });
        function resizeTabs() {
            $('#tt').tabs('resize');
        }
    </script>

    <div class="bodyDiv">
        <div id="tt" class="pagetabs">
            <div title="A" style="overflow: auto; padding: 0px;">
                <iframe id="A" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
            </div>
            <div title="B" style="overflow: auto; padding: 0px;">
                <iframe id="B" frameborder="0" src="" style="width: 100%; height: 100%;"></iframe>
            </div>
            <div title="C" style="overflow: auto; padding: 0px;">
                <iframe id="C" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
            </div>
            <div title="D" style="overflow: auto; padding: 0px;">
                <iframe id="D" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
            </div>
            <div title="E" style="overflow: auto; padding: 0px;">
                <iframe id="E" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
            </div>
            <div title="F" style="overflow: auto; padding: 0px;">
                <iframe id="F" src="" frameborder="0" style="width: 100%; height: 100%"></iframe>
            </div>
        </div>
    </div>
</asp:Content>
